<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>vue组件的本地(局部)注册</title>
</head>
<body>

<div id="app">
  <model11></model11>
</div>

<hr/>
<!--在这里使用组件model11会报错,因model11被绑定在了app中-->
<div id="app1">
  <model11></model11>
</div>


</body>

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
<script>

  new Vue({
    el:'#app',
    components:{
      "model11":{

        template:"<div><h1>{{title}}</h1><button type='button' @click='btnfn'>点我</button></div>",
        data:function(){
          return {
            title:"hello vue"
          }
        },
        methods:{
          btnfn:function(){
            alert("hello !!!");
          }
        }
      }
    }
  });
  new Vue({
    el:'#app1'
  })


</script>
